<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body class="reg-bg cfff ">
    <div class="fz20 reg-txt abs"><a href="login.html">密码登录</a></div>
    <h2 class="mlr5 mt80">手机号登录/注册</h2>
    <p class="mlr5 fz16 rgba1 pt10">快速找到好友, 一站式记录你的运动</p>
    <!-- 登录盒子 -->
    <div class="mlr5 form rel">
        <!-- 一组 -->
        <div class="items">
            <input type="text" placeholder="请输入手机号码" id="phone">
        </div>

        <div class="df">
            <div class="items">
                <input type="text" class="flex" id="vcode" placeholder="请输出验证码">
            </div>
            <div class="vcode">
                <canvas width="100" height="50" id="captcha1"></canvas>
            </div>
        </div>

        <div class="items">
            <input type="text" id="pwd" placeholder="请输入密码">
        </div>
        <div class="items">
            <input type="text" id="okPwd" placeholder="请输入确认密码">
        </div>
        <button type="button" id="regBtn">注册账号</button>
        <div class="fottxt cfff  abs">- HOLD ON -</div>
    </div>
    

</body>

</html>